﻿
@import 'semanticgs\grid.less';
@columns :12;
@column-width: 60;
@gutter-width: 20;

@total-width: 100%;

@grayDarker :#222222;
.center 
{
    width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

body 
{
	font: 83% "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: auto;
	color: #696969;
	background-color:#FFFFFF;
}

.headerRow 
{

    background-color:@grayDarker;
    border-bottom:1px solid #FFC40D;
    color:White;
    .header 
    {
        .center;
	    .logo
	    {
            font-size:x-large;
            font-weight:bolder;
            padding: 5px 0px 5px 0px;
		    .column(5, 12);
		    img 
		    {
		        height:30px;
		        margin-right: 10px;
            }
            .subtitle 
            {
                margin-top:3px;
                font-size:small;
            }
	    }
	    .search
	    {
	        padding-top:5px;
		    .column(4, 12);
        }
        .facebook 
        {
            padding-top:10px;
            .column(3, 12);
        }
    }
}
.main 
{
    .center;
    height:100%;
    margin:15px auto 15px auto;
    
}
.footerRow 
{
    background-color:@grayDarker;
    .footer 
    {
        .center;
	    
    }
}

/* Global */
.inlineBlock 
{
    display:inline-block;
}


/* Home */
.contentRow1 
{
    overflow:auto;
    margin-bottom:30px;
    .sponsored 
    {
	    .column(8,12);
	    background-color:#EEEEEE;
    }
    .create  
    {
	    .column(4, 12);
    }
}
.feed  
{
	.column(12,12);
	.feedColumn
	{
	    .column(4, 12);
	    margin-bottom:15px;
	    overflow:auto; 
    }
	.complaint 
	{
	    margin-bottom:15px;
	}
	 a 
	 {
	     color:black;
	 }
	 .divider 
	 {
	     background: url("/images/divider_line.png") repeat-x scroll 0 0 transparent;
	     height:5px;
	 }
}

/*Carousel */

.carouselPreview 
{
    .carouselTitle 
    {
    
    }
    .carouselContent 
    {
    }
}